<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-theme.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
    <!-- 导航 -->
    <header class="header">
        <div class="container">
            <div class="navbar-header pull-left">
                <a href="/" class="navbar-brand">
                  <img src="img/logo.png?7.5.15.1" class="img-responsive" alt="好知，howzhi.com">
               </a>
                <button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <nav class="collapse navbar-collapse pull-left">
                <ul class="nav navbar-nav topmenu">
                    <li class="visible-xs">
                        <a href="/cloud/search?q="><i class="fa fa-search mrm"></i>搜索</a>
                    </li>
                    <li class="">
                        <a href="/me/">学习中心 </a>
                    </li>      
                    <li class="nav-hover">
                        <a href="/courses">课程  <b class="caret"></b></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="/channel/photography">摄影课堂</a></li>
                            <li><a href="/channel/creative-design">创意设计</a></li>
                            <li><a href="/channel/music-school">声乐器乐</a></li>
                            <li><a href="/channel/exercise-fitness">运动健身</a></li>
                            <li><a href="/channel/IT-internet">IT互联网</a></li>
                            <li><a href="/channel/interest">兴趣爱好</a></li>
                            <li><a href="/channel/language">语言学习</a></li>
                            <li><a href="/channel/career">职场技能</a></li>
                            <li><a href="/channel/openclass">公开课</a></li>
                        </ul>
                    </li>      
                    <li class="">
                        <a href="/classroom/poster/list">班级 </a>
                    </li>      
                    <li class="">
                        <a href="/groups/explore">小组 </a>
                    </li>  
                </ul>
                <div class="new-tips hz-triangle hidden-xs">
                 “我的好知” 正式更名为 “<span class="t-primary">学习中心</span>”
                    <div class="colse" id="hz-head-update" data-dismiss="alert">×</div>
                    <i class="left"></i>
                    <i class="right"></i>
                </div>
            </nav>
            <div class="pull-right user-nav clearfix">
                <ul class="nav nav-login">
                    <li><a class="color-gray-one" href="/login?goto=/">登录</a></li>
                    <li><a href="/register?goto=/">注册</a></li>
                    <li class="hidden-xs hzapp hidden-sm">
                        <a href="/mobile?static=index-app-click">
                            <small class="badge"> </small>
                            <i class="glyphicon glyphicon-phone"></i>好知APP
                        </a>
                    </li>
                </ul> 
                <form class="navbar-form pull-right hz-search hidden-xs" role="search" action="/cloud/search"style="    margin-top: 25px;">
                    <div class="form-group"style="width: 254px;">
                        <div id="search-left" class="pull-left search-left">
                            <div class="search-type pull-left kec">
                                <div class="choose">课程<i class="glyphicon glyphicon-chevron-down"></i></div>
                                <ul class="text-center" style="display: none;">
                                    <li data-type="course">课程</li>
                                    <li data-type="thread">话题</li>
                                    <li data-type="teacher">教师</li>
                                </ul>
                            </div>
                            <input class="form-control js-search" name="q" placeholder="输入要查找的内容" autocomplete="off">
                        </div>
                        <input name="type" value="course" type="hidden">
                        <button class="button glyphicon glyphicon-search" type="submit"></button>
                    </div>
                </form>
            </div>
        </div>
    </header>
    <!-- 轮播 -->
    <div id="myCarousel" class="carousel slide">
            <!-- 轮播（Carousel）指标 -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>   
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner"style="height: 425px;">
                <div class="item active">
                    <img src="img/block_picture_1524730301.jpg" alt="First slide">
                </div>
                <div class="item">
                    <img src="img/block_picture_1470403193.jpg" alt="Second slide">
                </div>
                <div class="item">
                    <img src="img/block_picture_1468976358.jpg" alt="Third slide">
                </div>
            </div>
            <!-- 轮播（Carousel）导航 -->
            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"style="margin-left:83px;"></span>
                <span class="sr-only">Next</span>
            </a>
            <div class="site-data act">
                    <div class="data">
                      <p class="hz-line-left">现在</p>
                      <div class="number">
                        <strong>5376</strong>
                        <p class="text">
                          人在好知<br>
                          学习课程
                        </p>
                      </div>
                    </div>
                    <a href="/courses" class="text-center">
                      立即学习
                    </a>
                  </div>
    </div> 
    <!-- 热门课程 -->
    <div class="live-open-course index-sec">
        <div class="container">
            <h2>
                <strong>热门课程</strong>
            </h2>
            <div class="swiper-container" id="live-open-course">
                <div class="swiper-wrapper" style="width: 5700px; height: 315px; transform: translate3d(-1140px, 0px, 0px); transition-duration: 0s;">
                    <div class="swiper-slide swiper-slide-duplicate" style="width: 1140px; height: 315px;">
                        <div class="col-xs-6 ">
                            <a href="JavaScript:;">
                                <img src="img/065346a73da0138994.jpg" alt="零基础学唱歌教程及唱歌技巧">
                                <div class="show">
                                    <div class="live-title">
                                        <h3 class="text-center">零基础学唱歌教程及唱歌技巧</h3>
                                    </div>                  
                                    <p class="text-center clearfix">
                                        <span>加入学员:15371人</span>
                                    </p>      
                                </div>
                                <div class="layer">
                                    <p class="text-center">
                                    <img class="avatar-sm" src="img/22555172aa3a157738.jpg">
                                    </p>
                                    <p class="text-center">
                                    <strong>小飞飞机
                                    </strong>
                                    </p>
                                    <p class="subheading"></p>
                                    <div class="info">
                                        <p>现在参加，<strong>15371</strong> 人已经加入课程</p>
                                        <p class="avatar">
                                            <img src="img/005748c67d31932227.jpg" alt="江山1995">
                                            <img src="img/course.png" alt="今后">
                                            <img src="img/course.png" alt="Ckapcmars">
                                            <img src="img/163108cb5159942891.jpg" alt="BarackHusseinObama">
                                            <img src="img/course.png" alt="muyuwoyao">
                                            <img src="img/course.png" alt="但丁style">
                                            <span>…</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xs-6 double">
                            <a href="/course/2155/">
                                <img src="img/0649139ae9ae494339.jpg" alt="Mark Crilley漫画教程合集">
                                <div class="show">
                                    <div class="live-title"><h3 class="text-center">Mark Crilley漫画教程合集</h3></div>          <p class="text-center clearfix">
                                        <span>加入学员:19733人</span>
                                    </p>      
                                </div>
                                <div class="layer">
                                    <p class="text-center">
                                        <img class="avatar-sm" src="img/062247776d46161023.jpg">
                                    </p>
                                    <p class="text-center">
                                        <strong>Orchid</strong>
                                    </p>
                                    <p class="subheading"></p>
                                    <div class="info">
                                        <p>现在参加，<strong>19733</strong> 人已经加入课程</p>
                                        <p class="avatar">
                                            <img src="img/course.png" alt="牧魂人">
                                            <img src="img/course.png" alt="SWATCHLIUYUAN">
                                            <img src="img/course.png" alt="大旭旭呀">
                                            <img src="img/course.png" alt="wgps">
                                            <img src="img/211626a06e54041382.jpg" alt="大酷哥哥">
                                            <img src="img/course.png" alt="玉中之王">
                                            <span>…</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide swiper-slide-visible swiper-slide-active" style="width: 1140px; height: 315px;">  
                        <div class="col-xs-6 ">
                            <a href="/course/3539/">
                                <img src="http://f1.howzhi.com/course/2015/07-09/0650251c36df775667.jpg" alt="sai基础教程">
                                <div class="show">
                                    <div class="live-title"><h3 class="text-center">sai基础教程</h3></div>                  
                                    <p class="text-center clearfix">
                                        <span>加入学员:44886人</span>
                                    </p>      
                                </div>
                                <div class="layer">
                                    <p class="text-center">
                                        <img class="avatar-sm" src="http://f1.howzhi.com/avatar/2013/01-20/2001255a2bbc776915.jpg">
                                    </p>
                                    <p class="text-center"><strong>木桃</strong></p>
                                    <p class="subheading"></p>
                                    <div class="info">
                                        <p>现在参加，<strong>44886</strong> 人已经加入课程</p>
                                        <p class="avatar">
                                            <img src="http://f1.howzhi.com/default/2018/11-14/1637564c53a4354886.jpg" alt="Adora">
                                            <img src="img/211626a06e54041382.jpg" alt="大酷哥哥">
                                            <img src="img/course.png" alt="q15586266472">
                                            <img src="http://f1.howzhi.com/default/2018/11-15/085226a98729888706.jpg" alt="小丁丁163">
                                            <img src="http://f1.howzhi.com/default/2018/11-15/09565025e6f0372887.jpg" alt="晚安丶晚安">
                                            <img src="img/course.png" alt="玉中之王">
                                            <span>…</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xs-6 double">
                            <a href="/course/153/">
                                <img src="http://f1.howzhi.com/default/2016/02-22/1854455749b1448400.jpg" alt="Lightroom基础教程">
                                <div class="show">
                                    <div class="live-title"><h3 class="text-center">Lightroom基础教程</h3></div>            <p class="text-center clearfix">
                                        <span>加入学员:49778人</span>
                                    </p>      
                                </div>
                                <div class="layer">
                                    <p class="text-center">
                                        <img class="avatar-sm" src="img/avatar.png">
                                    </p>
                                    <p class="text-center"><strong>小殷爱录像</strong></p>
                                    <p class="subheading"></p>
                                    <div class="info">
                                        <p>现在参加，<strong>49778</strong> 人已经加入课程</p>
                                        <p class="avatar">
                                            <img src="http://f1.howzhi.com/default/2018/04-26/224146ae0b32803038.jpg" alt="Ganas">
                                            <img src="img/course.png" alt="wgps">
                                            <img src="img/course.png" alt="anchonggen">
                                            <img src="img/course.png" alt="美好gnw">
                                            <img src="img/211626a06e54041382.jpg" alt="大酷哥哥">
                                            <img src="img/course.png" alt="shanshanmima">
                                                                        <span>…</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide" style="width: 1140px; height: 315px;">
                        <div class="col-xs-6 ">
                            <a href="/course/9573/">
                                <img src="http://f1.howzhi.com/course/2015/07-09/065523b78450837537.jpg" alt="人像摄影高级教程">
                                <div class="show">
                                    <div class="live-title"><h3 class="text-center">人像摄影高级教程</h3></div>              <p class="text-center clearfix"><span>加入学员:20198人</span></p>      
                                </div>
                                <div class="layer">
                                    <p class="text-center">
                                        <img class="avatar-sm" src="http://f1.howzhi.com/avatar/2015/02-14/125522a1b6f0301474.jpg">
                                    </p>
                                    <p class="text-center"><strong>杨最醉</strong></p>
                                    <p class="subheading"></p>
                                    <div class="info">
                                        <p>现在参加，<strong>20198</strong> 人已经加入课程</p>
                                        <p class="avatar">
                                            <img src="http://f1.howzhi.com/default/2018/11-04/08562268dc36607329.jpg" alt="追风去i">
                                            <img src="img/course.png" alt="wgps">
                                            <img src="img/course.png" alt="xvzhong">
                                            <img src="img/211626a06e54041382.jpg" alt="大酷哥哥">
                                            <img src="http://f1.howzhi.com/default/2018/11-14/232710e31176319947.jpg" alt="williamho">
                                            <img src="img/course.png" alt="shanshanmima">
                                            <span>…</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xs-6 double">
                            <a href="/course/9288/">
                                <img src="http://f1.howzhi.com/course/2015/07-09/06551530862b045192.jpg" alt="吉他自学教程-弹唱教学最系统的教程">
                                <div class="show">
                                    <div class="live-title"><h3 class="text-center">吉他自学教程-弹唱教学最系统的教程</h3></div>                  
                                    <p class="text-center clearfix">
                                        <span>加入学员:12637人</span>
                                    </p>      
                                </div>
                                <div class="layer">
                                    <p class="text-center">
                                        <img class="avatar-sm" src="http://f1.howzhi.com/avatar/2014/10-13/14145934e8e8636304.jpg">
                                    </p>
                                    <p class="text-center"><strong>爱弹吉他学院</strong></p>
                                    <p class="subheading"></p>
                                    <div class="info">
                                        <p>现在参加，<strong>12637</strong> 人已经加入课程</p>
                                        <p class="avatar">
                                            <img src="http://f1.howzhi.com/default/2018/11-14/141834a7c22d898314.jpg" alt="卢七.">
                                            <img src="http://f1.howzhi.com/default/2018/11-14/1450179a3bb7311451.jpg" alt="八月长安">
                                            <img src="http://f1.howzhi.com/default/2018/11-14/152842a9f9eb572662.jpg" alt="自始至终1222">
                                            <img src="img/course.png" alt="一杯月光">
                                            <img src="http://f1.howzhi.com/default/2018/11-15/0933404ae70f519722.jpg" alt="星月相伴">
                                            <img src="http://f1.howzhi.com/default/2018/11-15/1151313e90c3342961.jpg" alt="欲说还休111">
                                            <span>…</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide" style="width: 1140px; height: 315px;">
                        <div class="col-xs-6 ">
                            <a href="/course/7241/">
                                <img src="http://f1.howzhi.com/course/2015/07-09/065346a73da0138994.jpg" alt="零基础学唱歌教程及唱歌技巧">
                                <div class="show">
                                    <div class="live-title"><h3 class="text-center">零基础学唱歌教程及唱歌技巧</h3></div>     <p class="text-center clearfix">
                                        <span>加入学员:15371人</span>
                                    </p>      
                                </div>
                                <div class="layer">
                                    <p class="text-center">
                                        <img class="avatar-sm" src="http://f1.howzhi.com/avatar/2014/04-14/22555172aa3a157738.jpg">
                                    </p>
                                    <p class="text-center"><strong>小飞飞机</strong></p>
                                    <p class="subheading"></p>
                                    <div class="info">
                                        <p>现在参加，<strong>15371</strong> 人已经加入课程</p>
                                        <p class="avatar">
                                            <img src="http://f1.howzhi.com/default/2018/11-14/005748c67d31932227.jpg" alt="江山1995">
                                            <img src="img/course.png" alt="今后">
                                            <img src="img/course.png" alt="Ckapcmars">
                                            <img src="http://f1.howzhi.com/default/2018/11-14/163108cb5159942891.jpg" alt="BarackHusseinObama">
                                            <img src="img/course.png" alt="muyuwoyao">
                                            <img src="img/course.png" alt="但丁style">
                                                                        <span>…</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xs-6 double">
                            <a href="/course/2155/">
                                <img src="http://f1.howzhi.com/course/2015/07-09/0649139ae9ae494339.jpg" alt="Mark Crilley漫画教程合集">
                                <div class="show">
                                    <div class="live-title"><h3 class="text-center">Mark Crilley漫画教程合集</h3></div>      <p class="text-center clearfix">
                                        <span>加入学员:19733人</span>
                                    </p>      
                                </div>
                                <div class="layer">
                                    <p class="text-center">
                                    <img class="avatar-sm" src="http://f1.howzhi.com/avatar/2012/06-18/062247776d46161023.jpg">
                                    </p>
                                    <p class="text-center"><strong>Orchid</strong></p>
                                    <p class="subheading"></p>
                                    <div class="info">
                                        <p>现在参加，<strong>19733</strong> 人已经加入课程</p>
                                        <p class="avatar">
                                            <img src="img/course.png" alt="牧魂人">
                                            <img src="img/course.png" alt="SWATCHLIUYUAN">
                                            <img src="img/course.png" alt="大旭旭呀">
                                            <img src="img/course.png" alt="wgps">
                                            <img src="img/211626a06e54041382.jpg" alt="大酷哥哥">
                                            <img src="img/course.png" alt="玉中之王">
                                                                        <span>…</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide swiper-slide-duplicate" style="width: 1140px; height: 315px;">
                        <div class="col-xs-6 ">
                            <a href="/course/3539/">
                                <img src="http://f1.howzhi.com/course/2015/07-09/0650251c36df775667.jpg" alt="sai基础教程">
                                <div class="show">
                                    <div class="live-title"><h3 class="text-center">sai基础教程</h3></div>                  
                                    <p class="text-center clearfix">
                                        <span>加入学员:44886人</span>
                                    </p>      
                                </div>
                                <div class="layer">
                                    <p class="text-center">
                                        <img class="avatar-sm" src="http://f1.howzhi.com/avatar/2013/01-20/2001255a2bbc776915.jpg">
                                    </p>
                                    <p class="text-center"><strong>木桃</strong></p>
                                    <p class="subheading"></p>
                                    <div class="info">
                                        <p>现在参加，<strong>44886</strong> 人已经加入课程</p>
                                        <p class="avatar">
                                            <img src="http://f1.howzhi.com/default/2018/11-14/1637564c53a4354886.jpg" alt="Adora">
                                            <img src="img/211626a06e54041382.jpg" alt="大酷哥哥">
                                            <img src="img/course.png" alt="q15586266472">
                                            <img src="http://f1.howzhi.com/default/2018/11-15/085226a98729888706.jpg" alt="小丁丁163">
                                            <img src="http://f1.howzhi.com/default/2018/11-15/09565025e6f0372887.jpg" alt="晚安丶晚安">
                                            <img src="img/course.png" alt="玉中之王">
                                                                        <span>…</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xs-6 double">
                            <a href="/course/153/">
                                <img src="http://f1.howzhi.com/default/2016/02-22/1854455749b1448400.jpg" alt="Lightroom基础教程">
                                <div class="show">
                                    <div class="live-title"><h3 class="text-center">Lightroom基础教程</h3></div>            <p class="text-center clearfix">
                                        <span>加入学员:49778人</span>
                                    </p>      
                                </div>
                                <div class="layer">
                                    <p class="text-center">
                                        <img class="avatar-sm" src="img/avatar.png">
                                    </p>
                                    <p class="text-center"><strong>小殷爱录像</strong></p>
                                    <p class="subheading"></p>
                                    <div class="info">
                                        <p>现在参加，<strong>49778</strong> 人已经加入课程</p>
                                        <p class="avatar">
                                            <img src="http://f1.howzhi.com/default/2018/04-26/224146ae0b32803038.jpg" alt="Ganas">
                                            <img src="img/course.png" alt="wgps">
                                            <img src="img/course.png" alt="anchonggen">
                                            <img src="img/course.png" alt="美好gnw">
                                            <img src="img/211626a06e54041382.jpg" alt="大酷哥哥">
                                            <img src="img/course.png" alt="shanshanmima">
                                            <span>…</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-prev carousel-control big">‹</div>
                <div class="swiper-button-next carousel-control big">›</div>
            </div>
            <p class="sec-more mtl mbs"><a class="btn" href="/channel/all?fliter%5Btype%5D=live&amp;orderBy%5B0%5D=publishedTime&amp;orderBy%5B1%5D=desc">更多 <i class="glyphicon glyphicon-chevron-right"></i></a></p>
        </div>
    </div> 
    <!-- 精品课程 -->
    <div class="hzindex-course index-sec">
        <div class="container">
            <h2>
                <strong>精品课程</strong>
            </h2>
            <nav id="course-recommed">
                <ul class="clearfix">
                    <li data-id="4" class="btn btn-primary">精品推荐</li>
                    <li data-id="3" class="btn">特价好课</li>
                    <li data-id="6" class="btn">摄影课堂</li>
                    <li data-id="5" class="btn">创意设计</li>
                    <li data-id="2" class="btn">兴趣爱好</li>
                    <li data-id="1" class="btn">声乐器乐</li>
                    <li data-id="7" class="btn">运动健身</li>
                    <li data-id="8" class="btn">T互联网</li>
                </ul>
            </nav>
            <div class="index-course-list course">
                <div class="row clearfix act" id="course-commend4" style="display: block;">
                    <div class="col-sm-3 col-xs-6">
                        <div class="course-item speical">
                            <div class="course-img">  
                                <a href="/course/16259/"> 
                                    <img src="http://f1.howzhi.com/course/2017/08-04/0927302b7757561827.jpg" alt="零基础，30分钟学会制作专业级H5" class="">    
                                                    
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/16259/">零基础，30分钟学会制作专业级H5</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/2458649/" data-card-url="/user/2458649/card/show" data-user-id="2458649">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2017/07-24/171404cc9787915775.jpg" 　alt="Mugeda木疙瘩">Mugeda木疙瘩
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6 two">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/15381/">
                                    <img src="http://f1.howzhi.com/course/2017/03-19/1515462c8c11757151.jpg" alt="实用Excel—跟木头老师一起玩转Excel" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/15381/">实用Excel—跟木头老师一起玩转Excel</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1556824/" data-card-url="/user/1556824/card/show" data-user-id="1556824">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2017/01-17/1110328466e0054308.JPG" 　alt="RedWOod">RedWOod
                                    </a>
                                    <div class="price pull-right"><span>￥66.00</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/16461/">
                                    <img src="http://f1.howzhi.com/course/2017/11-03/10541358a263386032.png" alt="YouCore系统思维应用：用框架解决问题（初级）" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/16461/">YouCore系统思维应用：用框架解决问题（初级）</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/2479888/" data-card-url="/user/2479888/card/show" data-user-id="2479888">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2017/10-12/11425940003e210298.jpg" 　alt="YouCore2017">YouCore2017
                                    </a>
                                    <div class="price pull-right"><span>￥99.00</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 ">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/16266/">
                                    <img src="http://f1.howzhi.com/course/2017/07-31/200930a11b4d655378.jpg" alt="教你一分钟学会看懂一只股票" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/16266/">教你一分钟学会看懂一只股票</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/2461960/" data-card-url="/user/2461960/card/show" data-user-id="2461960">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2017/07-31/19550151129e259808.png" 　alt="数学家诊股">
                                        数学家诊股
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/17074/">
                                    <img src="http://f1.howzhi.com/course/2018/04-09/164431f66cc9046305.jpg" alt="【齐论教育】淘宝店铺后期修片技巧玩爆高点击" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/17074/">【齐论教育】淘宝店铺后期修片技巧玩爆高点击</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/2514775/" data-card-url="/user/2514775/card/show" data-user-id="2514775">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2018/06-26/1405404bfe2a910687.jpg" 　alt="齐论教育">
                                    齐论教育
                                    </a>
                                    <div class="price pull-right"><span>￥19.90</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 ">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/17202/">
                                    <img src="http://f1.howzhi.com/course/2018/05-04/202457993d36317308.png" alt="运营微课：如何提升邮件营销转化率" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/17202/">运营微课：如何提升邮件营销转化率</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1365453/" data-card-url="/user/1365453/card/show" data-user-id="1365453">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2013/09-18/163544071941636147.jpg" 　alt="EduSoho">EduSoho
                                    </a>
                                    <span class="dapinpai-icon-t" title="达品牌"></span>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/15614/">
                                    <img src="http://f1.howzhi.com/course/2017/03-19/132351716488421411.jpg" alt="零基础学习UI设计--ps基础阶段" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/15614/">零基础学习UI设计--ps基础阶段</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/2418478/" data-card-url="/user/2418478/card/show" data-user-id="2418478" data-original-title="" title="">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2017/03-12/140151fec83b711204.jpg" 　alt="i渣渣西的老大">i渣渣西的老大
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row clearfix" style="display: none;" id="course-commend3">  
                    <div class="col-sm-3 col-xs-6">
                        <div class="course-item speical">
                            <div class="course-img">  
                                <a href="/course/13156/"> 
                                    <img src="http://f1.howzhi.com/course/2016/03-16/143554ab8136350128.jpg" alt="环境人像系列之打磨精致唯美大海人像" class="">    
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/13156/">环境人像系列之打磨精致唯美大海人像</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1882233/" data-card-url="/user/1882233/card/show" data-user-id="1882233">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/default/2015/10-09/101557dab659509843.jpg" 　alt="双向摄影学院">双向摄影学院
                                    </a>
                                    <span class="dapinpai-icon-t" title="达品牌"></span>
                                    <div class="price pull-right"><span>￥28.00</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6 two">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/12989/">
                                    <img src="http://f1.howzhi.com/default/2016/01-08/1612066e8b3c185198.jpg" alt="【商业摄影】亮剑大师之路第三篇——实战篇" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/12989/">【商业摄影】亮剑大师之路第三篇——实战篇</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1259977/" data-card-url="/user/1259977/card/show" data-user-id="1259977">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/default/2016/04-13/154444ca7768014596.jpg" 　alt="亮剑">亮剑
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price pull-right"><span>￥100.00</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/13196/">
                                    <img src="http://f1.howzhi.com/default/2016/03-02/1518571e14b6263617.jpg" alt="【云摄影】高画质星空摄影前后期详解" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/13196/">【云摄影】高画质星空摄影前后期详解</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1934995/" data-card-url="/user/1934995/card/show" data-user-id="1934995">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/default/2016/02-28/192144844d33464517.jpg" 　alt="Chaos云">Chaos云
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price pull-right"><span>￥30.00</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 ">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/12972/">
                                    <img src="http://f1.howzhi.com/default/2016/01-08/15335318a475247420.JPG" alt="【商业摄影】大师之路第二篇——应用篇" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/12972/">【商业摄影】大师之路第二篇——应用篇</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1259977/" data-card-url="/user/1259977/card/show" data-user-id="1259977">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/default/2016/04-13/154444ca7768014596.jpg" 　alt="亮剑">亮剑
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price pull-right"><span>￥100.00</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/12552/">
                                    <img src="http://f1.howzhi.com/default/2015/11-06/182518edb430632884.jpg" alt="手把手教你拍大海（加强版）" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/12552/">手把手教你拍大海（加强版）</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1882233/" data-card-url="/user/1882233/card/show" data-user-id="1882233">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/default/2015/10-09/101557dab659509843.jpg" 　alt="双向摄影学院">双向摄影学院
                                    </a>
                                    <span class="dapinpai-icon-t" title="达品牌"></span>
                                    <div class="price pull-right"><span>￥12.00</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 ">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/12818/">
                                    <img src="http://f1.howzhi.com/default/2015/12-07/162814eaff5e080283.jpg" alt="摄影独孤九剑之如何拍摄超现实感花海" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/12818/">摄影独孤九剑之如何拍摄超现实感花海</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1882233/" data-card-url="/user/1882233/card/show" data-user-id="1882233">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/default/2015/10-09/101557dab659509843.jpg" 　alt="双向摄影学院">\双向摄影学院
                                    </a>
                                    <span class="dapinpai-icon-t" title="达品牌"></span>
                                    <div class="price pull-right"><span>￥12.00</span></div>
                                    </div>
                                </div>
                            </div>
                            <div class="course-item">
                                <div class="course-img">
                                    <a href="/course/13359/">
                                        <img src="http://f1.howzhi.com/default/2016/03-31/180621d71440232106.jpg" alt="Snapseed手机摄影后期处理教程" class="">
                                    </a>
                                </div>
                                <div class="course-info">
                                    <div class="title">
                                        <a href="/course/13359/">Snapseed手机摄影后期处理教程</a>
                                    </div>
                                    <div class="teacher text-o-show">
                                        <a class=" js-user-card" href="/u/1942720/" data-card-url="/user/1942720/card/show" data-user-id="1942720">
                                            <img class="avatar-ss " src="http://f1.howzhi.com/default/2016/03-01/1125062aca4d830734.jpg" 　alt="迪映像摄影学院">迪映像摄影学院
                                        </a>
                                    <div class="price pull-right"><span>￥99.00</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row clearfix" style="display: none;" id="course-commend6">  
                    <div class="col-sm-3 col-xs-6">
                        <div class="course-item speical">
                            <div class="course-img">  
                                <a href="/course/13074/"> 
                                    <img src="http://f1.howzhi.com/course/2016/03-11/17233464ddd0457902.png" alt="为你的摄影作品注入灵魂" class="">    
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/13074/">为你的摄影作品注入灵魂</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1952297/" data-card-url="/user/1952297/card/show" data-user-id="1952297">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/default/2016/01-29/1041437271c7312764.jpg" 　alt="吕小川">吕小川
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6 two">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/13874/">
                                    <img src="http://f1.howzhi.com/course/2016/07-15/093935768a0a259139.jpg" alt="延时摄影基础教学" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/13874/">延时摄影基础教学</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/6354/" data-card-url="/user/6354/card/show" data-user-id="6354">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2013/01-28/1626488aa9fa594123.jpg" 　alt="了了">了了
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/13815/">
                                    <img src="http://f1.howzhi.com/course/2016/06-29/1422455e4b0e537749.jpg" alt="【一尘爱上飞】无人机拍摄分享" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/13815/">【一尘爱上飞】无人机拍摄分享</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/2336492/" data-card-url="/user/2336492/card/show" data-user-id="2336492">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2016/06-29/145003ba12e4449360.jpg" 　alt="杨一尘">杨一尘
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 ">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/13845/">
                                    <img src="http://f1.howzhi.com/course/2016/07-05/153729984e30931032.jpg" alt="電獺少女教你用手机拍美照" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/13845/">電獺少女教你用手机拍美照</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/6354/" data-card-url="/user/6354/card/show" data-user-id="6354">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2013/01-28/1626488aa9fa594123.jpg" 　alt="了了">了了
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/13053/">
                                    <img src="http://f1.howzhi.com/course/2016/07-01/143035b5cd99401286.jpg" alt="大范围延时摄影教学" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/13053/">大范围延时摄影教学</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/187/" data-card-url="/user/187/card/show" data-user-id="187">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/default/2015/07-14/145733d2af26635228.jpg" 　alt="乱流">乱流
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 ">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/13891/">
                                    <img src="http://f1.howzhi.com/course/2016/07-28/095146251f9d672275.jpg" alt="吕小川色彩+构图私享课" class="">
                            </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/13891/">吕小川色彩+构图私享课</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1952297/" data-card-url="/user/1952297/card/show" data-user-id="1952297">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/default/2016/01-29/1041437271c7312764.jpg" 　alt="吕小川">吕小川
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price pull-right"><span>￥299.00</span></div>
                                </div>
                            </div>
                        </div>
                    <div class="course-item">
                        <div class="course-img">
                            <a href="/course/13773/">
                            <img src="http://f1.howzhi.com/course/2016/06-23/100655f8e7d9770812.JPG" alt="走进手机摄影的世界" class="">
                                                        </a>
                        </div>
                        <div class="course-info">
                            <div class="title">
                            <a href="/course/13773/">走进手机摄影的世界</a>
                            </div>
                            <div class="teacher text-o-show">
                                                        <a class=" js-user-card" href="/u/2328058/" data-card-url="/user/2328058/card/show" data-user-id="2328058">
                    <img class="avatar-ss " src="http://f1.howzhi.com/default/2016/06-08/1050317475f2252457.jpg" 　alt="慧摄影">
                    慧摄影
                </a>
                    
                
                                            <div class="price free pull-right"><span>免费</span></div>
                                    </div>
                        </div>
                    </div>
                    </div>
                </div>
                <div class="row clearfix" style="display: none;" id="course-commend5">  
                    <div class="col-sm-3 col-xs-6">
                        <div class="course-item speical">
                            <div class="course-img">  
                                <a href="/course/12168/"> 
                                    <img src="http://f1.howzhi.com/course/2015/12-31/205021d7b731920674.jpg" alt="UI动效设计入门 ae教程" class="">    
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/12168/">UI动效设计入门 ae教程</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1321903/" data-card-url="/user/1321903/card/show" data-user-id="1321903">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2014/11-25/1359131e28a9803288.jpg" 　alt="曹佳佳的熊猫眼">曹佳佳的熊猫眼
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6 two">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/11388/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/065648065e22221198.jpg" alt="十堂课美工毕业" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/11388/">十堂课美工毕业</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1808591/" data-card-url="/user/1808591/card/show" data-user-id="1808591">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2015/06-09/132756cd372f242955.jpg" 　alt="木子暴暴">木子暴暴
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/11349/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/065646e6d7f1151027.jpg" alt="3Dmax在线视频教程【力方学院出品】" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/11349/">3Dmax在线视频教程【力方学院出品】</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1694363/" data-card-url="/user/1694363/card/show" data-user-id="1694363">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2015/02-28/17144888326d116829.jpg" 　alt="力方学院">力方学院
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 ">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/5612/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/065144002f9b111413.jpg" alt="Final Cut Pro X 入门教程" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/5612/">Final Cut Pro X 入门教程</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1381298/" data-card-url="/user/1381298/card/show" data-user-id="1381298">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2013/10-25/145520893a0c737518.jpg" 　alt="彭克曼">彭克曼
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/7756/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/065409134cb7829978.jpg" alt="E学堂ps教程photoshopCS6从入门到精通视频教程" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/7756/">E学堂ps教程photoshopCS6从入门到精通视频教程</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1490564/" data-card-url="/user/1490564/card/show" data-user-id="1490564">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2014/06-10/203631f161f3333342.jpg" 　alt="E学堂">E学堂
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 ">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/8677/">
                                    <img src="http://f1.howzhi.com/default/2015/12-31/20375427428a918551.jpg" alt="Adobe audition cs6国外教程  中文字幕" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/8677/">Adobe audition cs6国外教程  中文字幕</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1522610/" data-card-url="/user/1522610/card/show" data-user-id="1522610">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2014/08-13/103001979caf363816.jpg" 　alt="三阶控">三阶控
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/10799/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/065619314490685656.jpg" alt="初级UI设计师必读" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/10799/">初级UI设计师必读</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1321903/" data-card-url="/user/1321903/card/show" data-user-id="1321903">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2014/11-25/1359131e28a9803288.jpg" 　alt="曹佳佳的熊猫眼">曹佳佳的熊猫眼
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row clearfix" style="display: none;" id="course-commend2">  
                    <div class="col-sm-3 col-xs-6">
                        <div class="course-item speical">
                            <div class="course-img">  
                                <a href="/course/12693/"> 
                                    <img src="http://f1.howzhi.com/course/2016/02-03/1752386adb80824725.jpg" alt="《人声处理教程》手把手教你做出好声音" class="">    
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/12693/">《人声处理教程》手把手教你做出好声音</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1891203/" data-card-url="/user/1891203/card/show" data-user-id="1891203">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/default/2015/10-26/2126422334ba526511.jpg" 　alt="多尔音乐学院">多尔音乐学院
                                    </a>
                                    <span class="dapinpai-icon-t" title="达品牌"></span>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6 two">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/1196/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/0648259c5a97334178.jpg" alt="多肉植物图鉴" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/1196/">多肉植物图鉴</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/87/" data-card-url="/user/87/card/show" data-user-id="87">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2015/07-08/22500800974f867554.jpg" 　alt="卷卷">卷卷
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/294/">
                                    <img src="http://f1.howzhi.com/default/2015/12-31/201143f39046140660.jpeg" alt="咖啡拉花基础教程" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/294/">咖啡拉花基础教程</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/8184/" data-card-url="/user/8184/card/show" data-user-id="8184">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2012/06-11/1205299ad8fb483805.jpg" 　alt="啡常心情">啡常心情
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 ">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/516/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/064725ddfd4b569647.jpg" alt="breaking基础教学视频" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/516/">breaking基础教学视频</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/7173/" data-card-url="/user/7173/card/show" data-user-id="7173">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2012/05-10/0258273f278d608097.jpg" 　alt="舞动人生">舞动人生
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/17179/">
                                    <img src="http://f1.howzhi.com/course/2018/04-23/1900386b64ef700582.png" alt="【星曜堂】法式西点-佛卡夏面包" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/17179/">【星曜堂】法式西点-佛卡夏面包</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/2517087/" data-card-url="/user/2517087/card/show" data-user-id="2517087">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2018/04-12/1654306303c5797710.jpg" 　alt="星曜堂国际厨艺学院">星曜堂国际厨艺学院
                                    </a>
                                    <div class="price pull-right"><span>￥88.00</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 ">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/188/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/06470489f424092046.jpg" alt="PHP加MySQL网站设计入门实践理论篇" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/188/">PHP加MySQL网站设计入门实践理论篇</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/2/" data-card-url="/user/2/card/show" data-user-id="2">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2011/11-29/0408088974c6021123.jpg" 　alt="荆棘">荆棘
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/3740/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/065033901c3b635056.jpg" alt="拉丁萨尔萨舞（salsa）舞蹈教程" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/3740/">拉丁萨尔萨舞（salsa）舞蹈教程</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1273363/" data-card-url="/user/1273363/card/show" data-user-id="1273363">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2013/09-03/10212009feaa917032.jpg" 　alt="豚小花">豚小花
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row clearfix" style="display: none;" id="course-commend7">  
                    <div class="col-sm-3 col-xs-6">
                        <div class="course-item speical">
                            <div class="course-img">  
                                <a href="/course/2599/"> 
                                    <img src="http://f1.howzhi.com/course/2016/08-19/091659b35a5e248280.jpg" alt="宿舍健身全攻略" class="">    
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/2599/">宿舍健身全攻略</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/91/" data-card-url="/user/91/card/show" data-user-id="91">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2018/08-07/1056364313c8076288.png" 　alt="三尺青锋">
                                        三尺青锋
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6 two">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/2400/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/06492884c984393185.jpg" alt="莫汉瑜伽减肥篇" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/2400/">莫汉瑜伽减肥篇</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/7120/" data-card-url="/user/7120/card/show" data-user-id="7120">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2012/05-08/073240875a51697244.jpg" 　alt="蓝衣">蓝衣
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/2311/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/0649222bc4dc197942.jpg" alt="动感单车教程" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/2311/">动感单车教程</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/91/" data-card-url="/user/91/card/show" data-user-id="91">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2018/08-07/1056364313c8076288.png" 　alt="三尺青锋">三尺青锋
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 ">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/4496/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/065055fb1844832249.jpg" alt="维多利亚的秘密：模特训练精选合集" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/4496/">维多利亚的秘密：模特训练精选合集</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1289220/" data-card-url="/user/1289220/card/show" data-user-id="1289220">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2013/02-20/095658a8eb7d584573.jpg" 　alt="逗你玩">逗你玩
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/538/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/064727fe2423743785.jpg" alt="武当传统太极拳108式" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/538/">武当传统太极拳108式</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/8181/" data-card-url="/user/8181/card/show" data-user-id="8181">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2012/06-11/1139517795c7877343.jpg" 　alt="不见青山">不见青山
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 ">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/2101/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/064909535c3a093385.jpg" alt="山地车骑行技术教程 (转载)" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/2101/">山地车骑行技术教程 (转载)</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/311/" data-card-url="/user/311/card/show" data-user-id="311">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2012/08-05/0211379e6aee354687.jpg" 　alt="陈一七">陈一七
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/1091/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/06481602e64f065786.jpg" alt="哑铃健身练习" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/1091/">哑铃健身练习</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/91/" data-card-url="/user/91/card/show" data-user-id="91">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2018/08-07/1056364313c8076288.png" 　alt="三尺青锋">三尺青锋
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row clearfix" style="display: none;" id="course-commend8">  
                    <div class="col-sm-3 col-xs-6">
                        <div class="course-item speical">
                            <div class="course-img">  
                                <a href="/course/13494/"> 
                                    <img src="http://f1.howzhi.com/course/2016/08-19/092546a0242f834103.jpg" alt="0基础入行互联网营销" class="">    
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/13494/">0基础入行互联网营销</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1292713/" data-card-url="/user/1292713/card/show" data-user-id="1292713">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2017/03-26/185136836316102101.jpg" 　alt="暖石">暖石
                                    </a>
                                    <span class="daren-icon-t" title="达人"></span>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6 two">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/3131/">
                                    <img src="http://f1.howzhi.com/course/2015/07-09/065007f5551c104547.jpg" alt="Google Analytics 数据分析教程" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/3131/">Google Analytics 数据分析教程</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/92/" data-card-url="/user/92/card/show" data-user-id="92">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/avatar/2012/06-12/0230433d5b44721186.jpg" 　alt="陌路行者"> 陌路行者
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/13935/">
                                    <img src="http://f1.howzhi.com/course/2016/08-03/2259379b2598490534.png" alt="如何通过1篇帖子，吸粉3万" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/13935/">如何通过1篇帖子，吸粉3万</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/2353122/" data-card-url="/user/2353122/card/show" data-user-id="2353122">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2016/08-03/222949dd7810222671.jpg" 　alt="瑶公子">瑶公子
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 ">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/13254/">
                                    <img src="http://f1.howzhi.com/default/2016/03-14/1045288563e3244992.jpg" alt="百度网盟推广入门必备" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/13254/">百度网盟推广入门必备</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/1637688/" data-card-url="/user/1637688/card/show" data-user-id="1637688">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/default/2016/03-11/11480117880b049054.jpg" 　alt="luemery">luemery
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/13810/">
                                    <img src="http://f1.howzhi.com/course/2016/06-28/1325222ca33c067758.jpg" alt="从零开始学运营" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/13810/">从零开始学运营</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/2336112/" data-card-url="/user/2336112/card/show" data-user-id="2336112">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2016/06-28/1159048c9cae926189.jpeg" 　alt="郑文博"> 郑文博
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 ">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/13904/">
                                    <img src="http://f1.howzhi.com/course/2016/07-25/12354629e0dc204507.jpg" alt="邮件营销实战技巧" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/13904/">邮件营销实战技巧</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/2342364/" data-card-url="/user/2342364/card/show" data-user-id="2342364">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2016/07-12/094605de4a50538063.jpg" 　alt="精子卵子情投意合">精子卵子情投意合
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/13964/">
                                    <img src="http://f1.howzhi.com/course/2016/08-09/190414e73a14517970.png" alt="bootstrap如何使用--快速入门教程" class="">
                                </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a href="/course/13964/">bootstrap如何使用--快速入门教程</a>
                                </div>
                                <div class="teacher text-o-show">
                                    <a class=" js-user-card" href="/u/2347633/" data-card-url="/user/2347633/card/show" data-user-id="2347633">
                                        <img class="avatar-ss " src="http://f1.howzhi.com/user/2016/08-01/1231313bb755634728.jpg" 　alt="ghostwu">ghostwu
                                    </a>
                                    <div class="price free pull-right"><span>免费</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <p class="sec-more"><a class="btn" href="/courses">更多 <i class="glyphicon glyphicon-chevron-right"></i></a></p>
        </div>
    </div>
    <!-- 班级推荐 -->
    <div class="hzindex-classroom index-sec">
            <div class="container">
                <h2>
                    <strong>班级推荐</strong>
                </h2>
                <ul class="classroom-list row">
                    <li class="col-md-3 col-xs-6" id="li">
                        <div class="pic">
                            <a href="/classroom/16">
                                <img src="http://f1.howzhi.com/default/2016/02-18/1151026a9542216720.jpg" alt="零基础摄影入门班" class="">  
                                <div class="layer"id="layer">
                                    <ul>
                                        <li><i class="glyphicon glyphicon-user"></i><span>256</span> 人已加入学习</li>
                                        <li><i class="glyphicon glyphicon-book"></i><span>32</span> 课时</li>
                                        <li><i class="glyphicon glyphicon-facetime-video"></i><span>6</span> 次作业 </li>
                                        <li><i class="glyphicon glyphicon-question-sign"></i><span>24</span> 小时答疑</li>
                                    </ul>
                                </div>
                                <div class="classroom-tag hz-triangle"><span>班级</span></div>
                            </a>
                        </div>
                        <div class="info">
                            <h3>零基础摄影入门班</h3>
                            <p>好知摄影入门班，最有趣的单反摄影入门教程！零基础学习摄影入门技巧，专业摄影师为你...</p>
                            <a class="btn btn-primary" href="/classroom/16">立即加入</a>
                        </div>
                    </li>
                    <li class="col-md-3 col-xs-6" id="li">
                        <div class="pic">
                            <a href="/classroom/10">
                                <img src="http://f1.howzhi.com/default/2016/03-18/113139b0d161061610.jpg" alt="极致风光摄影进阶提高班" class="">  
                                <div class="layer"id="layer">
                                    <ul>
                                        <li><i class="glyphicon glyphicon-user"></i><span>24</span> 人已加入学习</li>
                                        <li><i class="glyphicon glyphicon-book"></i><span>44</span> 课时</li>
                                        <li><i class="glyphicon glyphicon-facetime-video"></i><span>7</span> 次作业 </li>
                                        <li><i class="glyphicon glyphicon-question-sign"></i><span>24</span> 小时答疑</li>
                                    </ul>
                                </div>
                                <div class="classroom-tag hz-triangle"><span>班级</span></div>
                            </a>
                        </div>
                        <div class="info">
                            <h3>极致风光摄影进阶提高班</h3>
                            <p>华盖 500PX签约摄影师独家风光后期秘诀。从入门到提高，系统地学习前期拍摄技术...
                            </p>
                            <a class="btn btn-primary" href="/classroom/10">立即加入</a>
                        </div>
                    </li>
                    <li class="col-md-3 col-xs-6"id="li">
                        <div class="pic">
                            <a href="/classroom/14">
                                <img src="http://f1.howzhi.com/default/2015/11-30/10434959afa2686578.jpg" alt="Adobe Lightroom cc后期基础入门班 " class="">  
                                <div class="layer"id="layer">
                                    <ul>
                                        <li><i class="glyphicon glyphicon-user"></i><span>90</span> 人已加入学习</li>
                                        <li><i class="glyphicon glyphicon-book"></i><span>59</span> 课时</li>
                                        <li><i class="glyphicon glyphicon-facetime-video"></i><span>5</span> 次作业 </li>
                                        <li><i class="glyphicon glyphicon-question-sign"></i><span>24</span> 小时答疑</li>
                                    </ul>
                                </div>
                                <div class="classroom-tag hz-triangle"><span>班级</span></div>
                            </a>
                        </div>
                        <div class="info">
                            <h3>Adobe Lightroom cc后期基础入门班</h3>
                            <p>每天10min 轻松入门</p>
                            <a class="btn btn-primary" href="/classroom/14">立即加入</a>
                        </div>
                    </li>
                    <li class="col-md-3 col-xs-6"id="li">
                        <div class="pic">
                            <a href="/classroom/17">
                                <img src="http://f1.howzhi.com/default/2016/04-08/144103f87e49421080.jpg" alt="牛牛人像摄影班" class="">  
                                <div class="layer"id="layer">
                                    <ul>
                                        <li><i class="glyphicon glyphicon-user"></i><span>56</span> 人已加入学习</li>
                                        <li><i class="glyphicon glyphicon-book"></i><span>30</span> 课时</li>
                                        <li><i class="glyphicon glyphicon-facetime-video"></i><span>0</span> 次作业 </li>
                                        <li><i class="glyphicon glyphicon-question-sign"></i><span>24</span> 小时答疑</li>
                                    </ul>
                                </div>
                                <div class="classroom-tag hz-triangle"><span>班级</span></div>
                            </a>
                        </div>
                        <div class="info">
                            <h3>牛牛人像摄影班</h3>
                            <p>人像摄影可以是怎样的？它可以是日系清新人像：清淡的色调，简单的画面，不经意间的构...</p>
                            <a class="btn btn-primary" href="/classroom/17">立即加入</a>
                        </div>
                    </li>
                </ul>
                <div class="dynamic">
                    <h4 class="hz-line-left">班级动态</h4>
                    <div id="dynamic-swiper" class="swiper-container" style="height: 56px;">
                        <div class="swiper-wrapper row clearfix"style="width: 1098px; transform: translate3d(0px, -112px, 0px); transition-duration: 0.5s; height: 224px;">
                        
                            <div class="swiper-slide swiper-slide-duplicate" style="width: 1098px; height: 56px;">
                                <div class="col-md-6">
                                    <a href="/u/2573127/">
                                        <img class="avatar-ss" src="http://f1.howzhi.com/default/2018/11-13/121130221be7449693.jpg" alt="Kevin_Ding">
                                    </a>
                                    <p>
                                        <a href="/u/2573127/"> Kevin_Ding</a> 加入了<a class="active" href="/classroom/16">零基础摄影入门班</a>
                                    </p>
                                    <span class="time">2天前</span>
                                </div>
                                <div class="col-md-6">
                                    <a href="/u/1300602/">
                                        <img class="avatar-ss" src="http://f1.howzhi.com/user/2017/08-16/103419bc4b12068127.jpg" alt="聪聪918">
                                    </a>
                                    <p>
                                        <a href="/u/1300602/"> 聪聪918</a> 加入了<a class="active" href="/classroom/16">零基础摄影入门班</a>
                                    </p>
                                    <span class="time">3天前</span>
                                </div>
                            </div>
                            <div class="swiper-slide" style="width: 1098px; height: 56px;">
                                <div class="col-md-6">
                                    <a href="/u/2573362/">
                                        <img class="avatar-ss" src="http://f1.howzhi.com/default/2018/11-14/22272807ed8b965861.jpg" alt="Optimistic.">
                                    </a>
                                    <p>
                                        <a href="/u/2573362/"> Optimistic.</a> 加入了<a class="active" href="/classroom/7">摄影后期入门班</a>
                                    </p>
                                    <span class="time">19小时前</span>
                                </div>
                                <div class="col-md-6">
                                    <a href="/u/2572466/">
                                        <img class="avatar-ss" src="img/avatar.png" alt="或许稍微">
                                    </a>
                                    <p>
                                        <a href="/u/2572466/"> 或许稍微</a> 加入了<a class="active" href="/classroom/16">零基础摄影入门班</a>
                                    </p>
                                    <span class="time">1天前</span>
                                </div>
                            </div>
                            <div class="swiper-slide" style="width: 1098px; height: 56px;">
                                <div class="col-md-6">
                                    <a href="/u/2498938/">
                                        <img class="avatar-ss" src="img/avatar.png" alt="爆鱼">
                                    </a>
                                    <p>
                                        <a href="/u/2498938/"> 爆鱼</a> 加入了<a class="active" href="/classroom/14">Adobe Lightroom cc后期基础入门班 </a>
                                    </p>
                                    <span class="time">1天前</span>
                                </div>
                                <div class="col-md-6">
                                    <a href="/u/2570989/">
                                        <img class="avatar-ss" src="http://f1.howzhi.com/user/2018/10-30/095407f8f730674436.jpg" alt="语儿gwv">
                                    </a>
                                    <p>
                                        <a href="/u/2570989/"> 语儿gwv</a> 加入了<a class="active" href="/classroom/16">零基础摄影入门班</a>
                                    </p>
                                    <span class="time">2天前</span>
                                </div>
                            </div>
                            <div class="swiper-slide" style="width: 1098px; height: 56px;">
                                <div class="col-md-6">
                                    <a href="/u/2573127/">
                                        <img class="avatar-ss" src="http://f1.howzhi.com/default/2018/11-13/121130221be7449693.jpg" alt="Kevin_Ding">
                                    </a>
                                    <p>
                                        <a href="/u/2573127/"> Kevin_Ding</a> 加入了<a class="active" href="/classroom/16">零基础摄影入门班</a>
                                    </p>
                                    <span class="time">2天前</span>
                                </div>
                                <div class="col-md-6">
                                    <a href="/u/1300602/">
                                        <img class="avatar-ss" src="http://f1.howzhi.com/user/2017/08-16/103419bc4b12068127.jpg" alt="聪聪918">
                                    </a>
                                    <p>
                                        <a href="/u/1300602/"> 聪聪918</a> 加入了<a class="active" href="/classroom/16">零基础摄影入门班</a>
                                    </p>
                                    <span class="time">3天前</span>
                                </div>
                            </div>
                            <div class="swiper-slide swiper-slide-duplicate swiper-slide-visible swiper-slide-active" style="width: 1098px; height: 56px;">
                                <div class="col-md-6">
                                    <a href="/u/2573362/">
                                        <img class="avatar-ss" src="http://f1.howzhi.com/default/2018/11-14/22272807ed8b965861.jpg" alt="Optimistic.">
                                    </a>
                                    <p>
                                        <a href="/u/2573362/"> Optimistic.</a> 加入了<a class="active" href="/classroom/7">摄影后期入门班</a>
                                    </p>
                                    <span class="time">19小时前</span>
                                </div>
                                <div class="col-md-6">
                                    <a href="/u/2572466/">
                                        <img class="avatar-ss" src="img/avatar.png" alt="或许稍微">
                                    </a>
                                    <p>
                                        <a href="/u/2572466/"> 或许稍微</a> 加入了<a class="active" href="/classroom/16">零基础摄影入门班</a>
                                    </p>
                                    <span class="time">1天前</span>
                                </div>
                            </div>
                        </div> 
                    </div>    
                </div>
            <p class="sec-more"><a class="btn" href="/classroom/poster/list">更多 <i class="glyphicon glyphicon-chevron-right"></i></a></p>
        </div>
    </div>
    <!-- 话题精选 -->
    <div class="hz-thread index-sec">
        <div class="container">
            <h2>
                <strong>话题精选</strong>
            </h2>
            <div id="thread-carousel" class="carousel slide">
                <div class="carousel-inner" role="listbox">
                    <ul class="item clearfix">
                        <li class="col-sm-6 col-md-3 col-xs-6">
                            <a href="http://www.howzhi.com/group/1/discuss/265942?static=home_chosen_threads" target="_blank">
                                <img src="http://f1.howzhi.com/system/block_picture_1521085976.jpg" alt="【招聘】售前客服（2名）">
                                <div class="bottom">
                                    <h3>【招聘】售前客服（2名）</h3>
                                    <p class="clearfix hidden-xs">
                                        <span class="text-o-show"><i class="glyphicon glyphicon-user"></i>
                                                            知了
                                                        </span>
                                        <span class="text-right"><i class="glyphicon glyphicon-time"></i>2018-03-15</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-6 col-md-3 col-xs-6">
                            <a href="http://www.howzhi.com/group/10/discuss/265789?ref=sy?static=home_chosen_threads" target="_blank">
                                <img src="http://f1.howzhi.com/system/block_picture_1483955463.jpg" alt="韩剧《鬼怪》男一二都在狠狠健身 裸裸的圈粉啊">
                                <div class="bottom">
                                    <h3>
                                    韩剧《鬼怪》男一二都在狠狠健身 裸裸的圈粉啊
                                    </h3>
                                    <p class="clearfix hidden-xs">
                                        <span class="text-o-show"><i class="glyphicon glyphicon-user"></i>
                                                            健身小飞侠
                                                        </span>
                                        <span class="text-right"><i class="glyphicon glyphicon-time"></i>2017-01-09</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-6 col-md-3 col-xs-6">
                            <a href="http://www.howzhi.com/classroom/16/thread/556?static=home_chosen_threads" target="_blank">
                                <img src="http://f1.howzhi.com/system/block_picture_1473303419.jpg" alt="Bruno Aveillan的虚幻光影">
                                <div class="bottom">
                                    <h3>
                                    Bruno Aveillan的虚幻光影
                                    </h3>
                                    <p class="clearfix hidden-xs">
                                        <span class="text-o-show"><i class="glyphicon glyphicon-user"></i>
                                                            猪脚好咸
                                                        </span>
                                        <span class="text-right"><i class="glyphicon glyphicon-time"></i>2016-09-06</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-6 col-md-3 col-xs-6">
                            <a href="http://www.howzhi.com/group/2/discuss/265702?static=home_chosen_threads" target="_blank">
                                <img src="http://f1.howzhi.com/system/block_picture_1473300683.jpg" alt="iPhone 7来了，要不要买买买？">
                                <div class="bottom">
                                    <h3>
                                    iPhone 7来了，要不要买买买？
                                    </h3>
                                    <p class="clearfix hidden-xs">
                                        <span class="text-o-show"><i class="glyphicon glyphicon-user"></i>
                                                            乱流
                                                        </span>
                                        <span class="text-right"><i class="glyphicon glyphicon-time"></i>2016-09-08</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="item clearfix active">
                        <li class="col-sm-6 col-md-3 col-xs-6">
                            <a href="http://www.howzhi.com/group/10/discuss/265700?static=home_chosen_threads" target="_blank">
                                <img src="http://f1.howzhi.com/system/block_picture_1472785605.jpg" alt="20分钟=跑步一小时？什么运动这么牛！">
                                <div class="bottom">
                                    <h3>
                                    20分钟=跑步一小时？什么运动这么牛！
                                    </h3>
                                    <p class="clearfix hidden-xs">
                                        <span class="text-o-show"><i class="glyphicon glyphicon-user"></i>
                                                                    三尺青锋
                                                            </span>
                                        <span class="text-right"><i class="glyphicon glyphicon-time"></i>2016-09-02</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-6 col-md-3 col-xs-6">
                            <a href="http://www.howzhi.com/group/13/discuss/265691?static=home_chosen_threads" target="_blank">
                                <img src="http://f1.howzhi.com/system/block_picture_1470382807.jpg" alt="如何品鉴单品咖啡">
                                <div class="bottom">
                                    <h3>
                                    如何品鉴单品咖啡
                                    </h3>
                                    <p class="clearfix hidden-xs">
                                        <span class="text-o-show"><i class="glyphicon glyphicon-user"></i>
                                                                    卷卷
                                                            </span>
                                        <span class="text-right"><i class="glyphicon glyphicon-time"></i>2016-08-05</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-6 col-md-3 col-xs-6">
                            <a href="http://www.howzhi.com/group/2/discuss/265878?static=home_chosen_threads" target="_blank">
                                <img src="http://f1.howzhi.com/system/block_picture_1496885430.jpg" alt="【招募】这个每年走数百里山路助学的公益人需要你的帮助">
                                <div class="bottom">
                                    <h3>
                                    【招募】这个每年走数百里山路助学的公益人需要你的帮助
                                    </h3>
                                    <p class="clearfix hidden-xs">
                                        <span class="text-o-show"><i class="glyphicon glyphicon-user"></i>
                                                                    乱流
                                                            </span>
                                        <span class="text-right"><i class="glyphicon glyphicon-time"></i>2017-06-08</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-6 col-md-3 col-xs-6">
                            <a href="http://www.howzhi.com/group/2/discuss/265677?static=home_chosen_threads" target="_blank">
                                <img src="http://f1.howzhi.com/system/block_picture_1463035061.jpg" alt="一个自由摄影师的五年创业之路：从苦逼到牛逼——专访牛牛很忙">
                                <div class="bottom">
                                    <h3>
                                    一个自由摄影师的五年创业之路：从苦逼到牛逼——专访牛牛很忙
                                    </h3>
                                    <p class="clearfix hidden-xs">
                                        <span class="text-o-show"><i class="glyphicon glyphicon-user"></i>
                                                                    曹佳佳的熊猫眼
                                                            </span>
                                        <span class="text-right"><i class="glyphicon glyphicon-time"></i>2016-05-12</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="item clearfix">
                        <li class="col-sm-6 col-md-3 col-xs-6">
                            <a href="http://www.howzhi.com/classroom/16/thread/458?static=home_chosen_threads" target="_blank">
                                <img src="http://f1.howzhi.com/system/block_picture_1462331991.jpg" alt="看薇薇安·麦尔是如何观察这个世界的">
                                <div class="bottom">
                                    <h3>
                                    看薇薇安·麦尔是如何观察这个世界的
                                    </h3>
                                    <p class="clearfix hidden-xs">
                                        <span class="text-o-show"><i class="glyphicon glyphicon-user"></i>
                                                                    猪脚好咸
                                                            </span>
                                        <span class="text-right"><i class="glyphicon glyphicon-time"></i>2016-05-04</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-6 col-md-3 col-xs-6">
                            <a href="http://www.howzhi.com/classroom/17/thread/444?static=home_chosen_threads" target="_blank">
                                <img src="http://f1.howzhi.com/system/block_picture_1461318544.jpg" alt="【作品欣赏】青山裕企的那些少女们">
                                <div class="bottom">
                                    <h3>
                                    【作品欣赏】青山裕企的那些少女们
                                    </h3>
                                    <p class="clearfix hidden-xs">
                                        <span class="text-o-show"><i class="glyphicon glyphicon-user"></i>
                                                                    猪脚好咸
                                                            </span>
                                        <span class="text-right"><i class="glyphicon glyphicon-time"></i>2016-04-22</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li class="col-sm-6 col-md-3 col-xs-6">
                            <a href="http://www.howzhi.com/group/2/discuss/265626?static=home_chosen_threads" target="_blank">
                                <img src="http://f1.howzhi.com/system/block_picture_1457857515.jpg" alt="Llightroom预设资源分享（第一期）">
                                <div class="bottom">
                                    <h3>
                                    Llightroom预设资源分享（第一期）
                                    </h3>
                                    <p class="clearfix hidden-xs">
                                        <span class="text-o-show"><i class="glyphicon glyphicon-user"></i>
                                                                    乱流
                                                            </span>
                                        <span class="text-right"><i class="glyphicon glyphicon-time"></i>2015-03-13</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <a class="carousel-control left" href="#thread-carousel" data-slide="prev" date-interval="false" date-wrap="false">‹</a>
                <a class="carousel-control right" href="#thread-carousel" data-slide="next" date-interval="false" date-wrap="false">›</a>
            </div>
            <p class="sec-more"><a class="btn" href="/groups/explore">更多 <i class="glyphicon glyphicon-chevron-right"></i></a></p>
        </div>
    </div>
    <!--热门标签  -->
    <div class="hz-hottag index-sec">
        <div class="container">
            <h2>
                <strong>热门标签</strong>
            </h2>
            <div class="hottag-list clearfix">
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <a href="tag/Lightroom">
                        <p>
                            <img src="img/tag1.jpg?7.5.15.1" alt="Lightroom">
                        </p>
                        <p>
                            Lightroom<br>
                            <span>12门课程</span>
                        </p>
                    </a>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <a href="tag/Photoshop">
                        <p>
                            <img src="img/tag2.jpg?7.5.15.1" alt="Photoshop">
                        </p>
                        <p>
                            Photoshop<br>
                            <span>100门课程</span>
                        </p>
                    </a>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <a href="tag/After Effect">
                        <p>
                            <img src="img/tag3.jpg?7.5.15.1" alt="After Effect">
                        </p>
                        <p>
                            After Effect<br>
                            <span>15门课程</span>
                        </p>
                    </a>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <a href="tag/吉他"> 
                        <p>
                            <img src="img/tag4.jpg?7.5.15.1" alt="吉他">
                        </p>
                        <p>
                            吉他<br>
                            <span>72门课程</span>
                        </p>
                    </a>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <a href="tag/人像摄影">
                        <p>
                            <img src="img/tag5.jpg?7.5.15.1" alt="人像摄影">
                        </p>
                        <p>
                            人像摄影<br>
                            <span>52门课程</span>
                        </p>
                    </a>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <a href="tag/产品摄影">
                        <p>
                            <img src="img/tag6.jpg?7.5.15.1" alt="产品摄影">
                        </p>
                        <p>
                            产品摄影<br>
                            <span>30门课程</span>
                        </p>
                    </a>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <a href="tag/摄影布光">
                        <p>
                            <img src="img/tag7.jpg?7.5.15.1" alt="摄影布光">
                        </p>
                        <p>
                            摄影布光<br>
                            <span>26门课程</span>
                        </p>
                    </a>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <a href="tag/3d制作">
                        <p>
                            <img src="img/tag8.jpg?7.5.15.1" alt="3d制作">
                        </p>
                        <p>
                            3d制作<br>
                            <span>64门课程</span>
                        </p>
                    </a>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <a href="tag/风光摄影">
                        <p>
                            <img src="img/tag9.jpg?7.5.15.1" alt="风光摄影">
                        </p>
                        <p>
                            风光摄影<br>
                            <span>41门课程</span>
                        </p>
                    </a>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <a href="tag/办公软件">
                        <p>
                            <img src="img/tag10.jpg?7.5.15.1" alt="办公软件">
                        </p>
                        <p>
                            办公软件<br>
                            <span>31门课程</span>
                        </p>
                    </a>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <a href="tag/手工制作">
                        <p>
                            <img src="img/tag11.jpg?7.5.15.1" alt="手工制作">
                        </p>
                        <p>
                            手工制作<br>
                            <span>32门课程</span>
                        </p>
                    </a>
                </div>
                <div class="col-md-2 col-sm-3 col-xs-4">
                    <a href="tag/音频制作">
                        <p>
                            <img src="img/tag12.jpg?7.5.15.1" alt="音频制作">
                        </p>
                        <p>
                            音频制作<br>
                            <span>12门课程</span>
                        </p>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 认证达人 -->
    <div class="hz-daren index-sec ">
        <div class="container">
            <h2>
                <strong>认证达人</strong>
            </h2>
            <div id="daren-carousel" class="carousel slide">
                <div class="carousel-inner" role="listbox">
                    <div class="item daren-list clearfix out">
                        <div class="col-xs-4">
                            <div class="list-item clearfix">
                                <div class="avatar">
                                    <a class="js-user-card" href="/u/2307219/" data-card-url="/user/2307219/card/show" data-user-id="2307219" data-original-title="" title="">
                                        <img src="http://f1.howzhi.com/user/2016/07-08/1027517b63e0030030.png" alt="星火英语">
                                    </a>          
                                </div>
                                <div class="main">
                                    <p class="text-o-show"><a class="active" href="/u/2307219/">星火英语</a></p>
                                    <p class="icon"><span><i class="hz-icon icon-i"></i>英语培训</span></p>
                                    <p class="text-o-show">知名英语教育机构</p>
                                </div>
                            </div>
                        </div>                                                       
                        <div class="col-xs-4">
                            <div class="list-item clearfix">
                                <div class="avatar">
                                    <a class="js-user-card" href="/u/2345908/" data-card-url="/user/2345908/card/show" data-user-id="2345908" data-original-title="" title="">
                                        <img src="http://f1.howzhi.com/user/2016/07-19/105741522d63251308.png" alt="魔视教育">
                                    </a>          
                                </div>
                                <div class="main">
                                    <p class="text-o-show"><a class="active" href="/u/2345908/">魔视教育</a></p>
                                    <p class="icon"><span><i class="hz-icon icon-i"></i>影视特效培训</span></p>
                                    <p class="text-o-show">在线影视特效培训服务机构</p>
                                </div>
                            </div>
                        </div>                                                       
                        <div class="col-xs-4">
                            <div class="list-item clearfix">
                                <div class="avatar">
                                    <a class="js-user-card" href="/u/1952297/" data-card-url="/user/1952297/card/show" data-user-id="1952297" data-original-title="" title="">
                                        <img src="http://f1.howzhi.com/default/2016/01-29/1041437271c7312764.jpg" alt="吕小川">
                                    </a>          
                                </div>
                                <div class="main">
                                    <p class="text-o-show"><a class="active" href="/u/1952297/">吕小川</a></p>
                                    <p class="icon"><span><i class="hz-icon icon-i"></i>人像摄影师</span></p>
                                    <p class="text-o-show">著名创作型摄影师，研习油画多年，其摄影作...</p>
                                </div>
                            </div>
                        </div>               
                    </div>
                    <div class="item daren-list clearfix out">
                        <div class="col-xs-4">
                            <div class="list-item clearfix">
                                <div class="avatar">
                                    <a class="js-user-card" href="/u/1882233/" data-card-url="/user/1882233/card/show" data-user-id="1882233">
                                        <img src="http://f1.howzhi.com/default/2015/10-09/101557dab659509843.jpg" alt="双向摄影学院">
                                    </a>          
                                </div>
                                <div class="main">
                                    <p class="text-o-show"><a class="active" href="/u/1882233/">双向摄影学院</a></p>
                                    <p class="icon"><span><i class="hz-icon icon-i"></i>摄影培训机构</span></p>
                                    <p class="text-o-show">双向摄影学院，创始人闭眼缄默为华盖及50...</p>
                                </div>
                            </div>
                        </div> 
                        <div class="col-xs-4">
                            <div class="list-item clearfix">
                                <div class="avatar">
                                    <a class="js-user-card" href="/u/1314678/" data-card-url="/user/1314678/card/show" data-user-id="1314678">
                                        <img src="http://f1.howzhi.com/avatar/2014/12-14/212720870038390860.jpg" alt="一个小九">
                                    </a>          
                                </div>
                                <div class="main">
                                    <p class="text-o-show"><a class="active" href="/u/1314678/">一个小九</a></p>
                                    <p class="icon"><span><i class="hz-icon icon-i"></i>摄影师</span></p>
                                    <p class="text-o-show">九度阳光摄影工作室的小九，制作和分享了一...</p>
                                </div>
                            </div>
                        </div>                                                       
                        <div class="col-xs-4">
                            <div class="list-item clearfix">
                                <div class="avatar">
                                    <a class="js-user-card" href="/u/1350071/" data-card-url="/user/1350071/card/show" data-user-id="1350071">
                                        <img src="http://f1.howzhi.com/avatar/2013/08-28/131500461328712756.jpg" alt="凝创摄影艺术中心">
                                    </a>          
                                </div>
                                <div class="main">
                                    <p class="text-o-show"><a class="active" href="/u/1350071/">凝创摄影艺术中心</a></p>
                                    <p class="icon"><span><i class="hz-icon icon-i"></i>摄影培训机构</span></p>
                                    <p class="text-o-show">北京凝创摄影设计艺术中心</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item daren-list clearfix active out">
                        <div class="col-xs-4">
                            <div class="list-item clearfix">
                                <div class="avatar">
                                    <a class="js-user-card" href="/u/1259977/" data-card-url="/user/1259977/card/show" data-user-id="1259977">
                                        <img src="http://f1.howzhi.com/default/2016/04-13/154444ca7768014596.jpg" alt="亮剑">
                                    </a>          
                                </div>
                                <div class="main">
                                    <p class="text-o-show"><a class="active" href="/u/1259977/">亮剑</a></p>
                                    <p class="icon"><span><i class="hz-icon icon-i"></i>摄影师</span></p>
                                    <p class="text-o-show">产品摄影师，分享了多个产品摄影教程。</p>
                                </div>
                            </div>
                        </div>                                     
                        <div class="col-xs-4">
                            <div class="list-item clearfix">
                                <div class="avatar">
                                    <a class="js-user-card" href="/u/1809358/" data-card-url="/user/1809358/card/show" data-user-id="1809358">
                                        <img src="http://f1.howzhi.com/avatar/2015/06-10/140953137501327372.jpg" alt="钟百迪">
                                    </a>          
                                </div>
                                <div class="main">
                                    <p class="text-o-show"><a class="active" href="/u/1809358/">钟百迪</a></p>
                                    <p class="icon"><span><i class="hz-icon icon-i"></i>摄影师</span></p>
                                    <p class="text-o-show">橄榄图摄影课堂负责人，摄影导师，从事摄影...</p>
                                </div>
                            </div>
                        </div>            
                        <div class="col-xs-4">
                            <div class="list-item clearfix">
                                <div class="avatar">
                                    <a class="js-user-card" href="/u/187/" data-card-url="/user/187/card/show" data-user-id="187">
                                        <img src="http://f1.howzhi.com/default/2015/07-14/145733d2af26635228.jpg" alt="乱流">
                                    </a>          
                                </div>
                                <div class="main">
                                    <p class="text-o-show"><a class="active" href="/u/187/">乱流</a></p>
                                    <p class="icon"><span><i class="hz-icon icon-i"></i>摄影达人</span></p>
                                    <p class="text-o-show">摄影达人，分享了众多摄影教程。</p>
                                </div>
                            </div>
                        </div>                 
                    </div>
                </div>
                    <!-- 轮播（Carousel）导航 -->
                <a class="carousel-control left" href="#daren-carousel" data-slide="prev" date-interval="false" date-wrap="false"style="top: 144px;">‹</a>
                <a class="carousel-control right" href="#daren-carousel" data-slide="next" date-interval="false" date-wrap="false"style="top: 144px;">›</a>
            </div>
            <p class="sec-more"><a class="btn" href="/daren/?static=daren_settled">申请入驻 <i class="fa fa-angle-right"></i></a>
            <a class="btn mlm" href="/teacher">查看更多 <i class="fa fa-angle-right"></i></a></p>
        </div>
        </div>
    <!--  -->
    <section class="hz-index-bottom act">
        <div class="container text-center">
            <ul class="row">
                <li class="col-xs-4 li1">
                    <a href="courses">
                    <div class="pic"><img src="img/bottom-item1.png?7.5.15.1" alt="发现数千门课程"></div>
                    <p>发现数千门课程</p>
                    </a>
                </li>
                <li class="col-xs-4 li2">
                    <a href="marketing">
                    <div class="pic"><img src="img/bottom-item2.png?7.5.15.1 " alt="专业学习计划指引"></div>
                    <p>专业学习计划指引</p>
                    </a>
                </li>
                <li class="col-xs-4 li3">
                    <a href="groups/explore">
                    <div class="pic"><img src="img/bottom-item3.png?7.5.15.1" alt="与同学一起讨论"></div>
                    <p>与同学一起讨论</p>
                    </a>
                </li>
            </ul>
            <div class="more">
                <a href="/courses">
                    更有趣有效的学习 <i class="icon-arrowforward hz-icon"></i>
                </a>
            </div>
        </div>
    </section>
    <!-- 底部 -->
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-4 ">
                    <a href="javascript:;"><img src="img/foot-logo.png?7.5.15.1" alt="好知，知识分享新社区"></a>
                </div>
                <div class="col-md-4 about">
                    <span><a href="javascript:;">关于我们</a></span>|
                    <span><a href="javascript:;" target="_blank">加入我们</a></span>|
                    <span><a href="javascript:;" target="_blank">合作申请</a></span>|
                    <span><a href="javascript:;">意见反馈</a></span>|
                    <span><a href="javascript:;">用户协议</a></span><br>
                    <a class="text-sm con prm" href="javascript:;" target="_blank">
                        浙ICP备13006852号-3 
                    </a>
                    <a class="text-sm con plm" href="javascript:;" target="_blank">
                        浙B2-20160872
                    </a>
                </div>
                <div class="row">
                    <div style="width:300px;margin:0 auto; padding:20px 0;">
                        <a target="_blank" href="javascript:;" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="img/filing.png?7.5.15.1" style="float:left;"><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">浙公网安备 33010802003863号</p></a>
                    </div>
                </div>
                <div class="col-md-4">
                关注我们：
                    <a href="javascript:;"><i class="hz-icon icon-weibo"></i></a>
                    <a class="icon-sns"><i class="hz-icon icon-weixin"></i>
                        <div class="sns-popover" style="background:url(&quot;img/weichat.png?7.5.15.1&quot;)">
                        
                        </div>
                    </a>
                    <a href="javascript:;"><i class="hz-icon icon-qq"></i></a>
                    
                    <a href="javascript:;"><i class="hz-icon icon-gongnengyedouban"></i></a>
                </div>  
            </div>
        </div>
    </footer>
    <!--  -->
    <div class="friendlinks">
        <div class="container">
            <div class="content">
                <font>友情链接:</font>
                    <a href="http://www.edusoho.com/" target="_blank" class="white">EduSoho开源网络课堂 </a>
                    <span>|</span>
                    <a href="http://www.qiqiuyu.com/" target="_blank" class="white">气球鱼学院</a>
                    <span>|</span>
                    <a href="https://hao.360.cn/" target="_blank" class="white">360安全网址导航 </a>
                    <span>|</span>
                    <a href="https://www.hao123.com/" target="_blank" class="white">hao123</a>
                    <span>|</span>
                    <a href="http://www.lvse.com/" target="_blank" class="white">绿色网</a>
                    <span>|</span>
                    <a href="http://www.chinaz.com/" target="_blank" class="white">站长之家</a>
                    <span>|</span>
                    <a href="http://www.xker.com/">新客网</a>
                    <span>|</span>
                    <a href="http://www.nuanshi100.com/" target="_blank" class="white">暖石网</a>
                    <span>|</span>
                    <a href="http://www.maiziedu.com/">麦子学院 </a>
                    <span>|</span>
                    <a href="http://www.atstudy.com/" target="_blank" class="white">博为峰网校</a>
                                        <br>
                </div>
            Powered by 
            <a href="http://www.edusoho.com/" target="_blank">EduSoho v7.5.15</a>
            ©2014-2018 
            <a class="mlm" href="http://www.howzhi.com/" target="_blank">好知网</a>               
        </div>
    </div>
</body>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<!-- <script src="http://www.howzhi.com/translations/js"></script> -->
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap.js"></script>
<!-- <script src="js/npm.js"></script> -->
</html>